﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Application State</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.2.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>

    <link href="appstate.css" rel="stylesheet" />
    <script src="appstate.js"></script>
</head>
<body>
    <div class="appstate fragment">
        <header aria-label="Header content" role="banner">
            <button data-win-control="WinJS.UI.BackButton"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Welcome to appstate</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div class="explanation">Application state is also known as session state. It's the state of the app as the user has been using it. Examples of data that might end up in session state are the contents of form fields that the user is working on or the current page the user is on. The contents of the below text box will automatically be stored in application state.</div>
            <div>
                <input />
            </div>
        </section>
    </div>
</body>
</html>
